<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="Copyright" content="Tencent"/>
    <meta name="author" content="Tencent-CP"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <title>元宇宙</title>
    <meta name="description" content="元宇宙">
    <meta name="keywords" content="元宇宙">
    <!-- 提前打开链接 -->
    <link rel="preconnect" href="https://open.weixin.qq.com/" crossorigin>
    <link rel="preconnect" href="https://open.mp.qq.com/" crossorigin>
    <!-- dns预处理 -->
    <link rel="dns-prefetch" href="https://res.wx.qq.com/">
    <script>
        var userAgent = navigator.userAgent;
        // ios
        window.isIOS = /(iPhone|iPad|iPod|iOS|Mac OS X)/i.test(userAgent) || !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
        // 手q
        window.isQQ = /QQTheme/i.test(userAgent);
        // 微信
        window.isWxH5 = /micromessenger/i.test(userAgent);
        ;(function (window, document) {
            // 移动端适配
            var docEl = document.documentElement;
            var dpr = window.devicePixelRatio || 1;

            // set 1rem = viewWidth / 100
            function setRemUnit() {
                var rem = docEl.clientWidth / 7.5
                docEl.style.fontSize = rem + 'px'
            }

            setRemUnit()

            // reset rem unit on page resize
            window.addEventListener("resize", function () {
                setRemUnit()
            });

            window.addEventListener('pageshow', function (e) {
                if (e.persisted) {
                    setRemUnit()
                }
            });
        }(window, document));
    </script>
</head>

<body>
<div id="app">

</div>

<script type="text/javascript">
    if (isWxH5) {
        document.write('<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"><\/script>');
    }
    ;
    if (isQQ) {
        document.write('<script type="text/javascript" src="https://open.mobile.qq.com/sdk/qqapi.js"><\/script>');
    }
    ;
</script>
</body>
</html>
